<!DOCTYPE html>
<html>

<head>
<title>Widget filling whole window</title>
<meta charset="UTF-8">
<script type="text/javascript" src="../build/js/Cindy.js"></script>
<style type="text/css">
  html,body { margin: 0px; padding: 0px; }
  html,body,#CSCanvas { width: 100%; height: 100%; }
</style>
<script type="text/javascript">

var cdy = CindyJS({
  ports: [{
    id: "CSCanvas",
    transform:[{visibleRect:[-1,1,1,-1]}]
  }],
  scripts: "cs*",
  language: "en",
  geometry: [
    {name:"A", type:"Free", pos:[0,0]},
    {name:"B", type:"Free", pos:[0.7071,0.7071]},
    {name:"C", type:"CircleMP", args:["A","B"]}
  ]
});

</script>
</head>

<body style="font-family:Arial; ">
  <div id="CSCanvas"></div>
</body>

</html>
